<template>
    <div>
        关于页，pages文件夹下的文件名是路由名，路径是/about
    </div>
    <h3>状态管理库下的counter: {{ counter }}</h3>
</template>

<script setup lang="ts">
// 请求地址 文件路径 在server下省略server
// useFetch('api/hello').then(res => {
//     console.log(res)
// })



// 请求方式 可以实现增删改查
useFetch('/api/readBody', {
    method: 'POST',
    body: {
        name: '张三',
        age: 20
    }
}).then(res => {
    console.log(res)
})

// 引入状态管理库
const counter = useCounter()
</script>

<style scoped lang="scss"></style>